<template>
	<view class="com-title">
		<view class="left-indicator">

		</view>

		<view class="title">
			{{title}}
		</view>

		<slot>

		</slot>

	</view>
</template>

<script>
	export default {
		props:['title'],
	}
</script>

<style>
	.com-title {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 32upx 0;
		box-sizing: border-box;
	}

	.left-indicator {
		width: 8upx;
		height: 32upx;
		background-color: #268CFF;
		margin-right: 20upx;

	}

	.title {
		font-size: 36upx;
		color: #2B3754;
		margin-right: 20upx;
	}
</style>
